.mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
#gallery-top .img:hover .mask-white,.newslist li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}  

@-webkit-keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}

@keyframes svgCircleAnmi {
	0% {
		stroke-dasharray: 0 339
	}
	to {
		stroke-dasharray: 339 339
	}
}
@keyframes rotate{
	from{ transform : rotate(0);  }
	to{ transform:  rotate(1turn); }
}
@keyframes rightFloat {
    from {
        transform: translateX(-20px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes TopFloat {
    from {
        transform: translateY(20px);
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
}

    to {
        transform: translateY(0);
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
}
}

@keyframes  long {
    0% {
        width: 0
    }
  
    25% {
        width: 25%
    }
  
    50% {
        width: 100%
    }
  
    75% {
        width: 25%
    }
  
    to {
        width: 0
    }
  }

  
@keyframes serv_one_border {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5)
    }
}



@keyframes serv_one_border {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5)
    }
}
@keyframes bgscale {

    from { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
    
    to { -webkit-transform: scale(1.05); transform: scale(1.05);}
    
    }
    @keyframes topFloat {
        from {
            transform: translateY(-20px);
            opacity: 0;
        }
    
        to {
            transform: translateY(0);
            opacity: 1;
        }
    }

    @keyframes jello {

        from,
        11.1%,
        to {
            -webkit-transform: none;
            -moz-transform: none;
            transform: none
        }
    
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }
    
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            -moz-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }
    
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }
    
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }
    
        66.6% {
            -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
            -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg)
        }
    
        77.7% {
            -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
            -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
            transform: skewX(0.390625deg) skewY(0.390625deg)
        }
    
        88.8% {
            -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
            -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
            transform: skewX(-.1953125deg) skewY(-.1953125deg)
        }
    
    }
    

@keyframes serv_one_border {
    0% {
        opacity: 0
    }

    5% {
        opacity: 1
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5)
    }
}